<template>
  <div>
    <div class="common-form">
      <span>{{ curItem.name }}</span>
    </div>
    <el-form size="small" :model="curItem" label-width="100px">
      <div class="f16 gray3 form-subtitle">样式设置</div>
      <!--分享标题-->
      <el-form-item label="分享标题：">
        <el-input v-model="curItem.params.shareTitle"></el-input>
        <p class="gray">小程序端转发时显示的标题</p>
      </el-form-item>
      <!--图片-->
      <el-form-item label="分享图片：">
        <div class="diy-setpages-cover">
          <img
            v-if="curItem.params.shareImg"
            v-img-url="curItem.params.shareImg"
            alt=""
            @click="$parent.onEditorSelectImage(curItem.params, 'shareImg')"
          />
          <div class="gray">建议尺寸60×60</div>
        </div>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: ["curItem", "selectedIndex", "opts"],
  created() {},
  methods: {},
};
</script>

<style>
.diy-setpages-cover > img {
  width: 60px;
  height: 60px;
}
</style>
